CCS 是一個強大的樣式語言，可以有效控制網頁的佈局與外觀。藉此，可以實現靈活的設計、強大的互動性來提升使用者體驗。今天，我就要來了解一些CSS的基礎。

CSS 的基本單位是選擇器、屬性和值。

選擇器用來指定要應用樣式的 HTML 元素，例如類別選擇器、ID 選擇器等。

•標籤選擇器：應用到指定的 HTML 標籤，如 p、h1 等。例如：
p {
color: blue;
}

•類別選擇器（class）：用於應用到具有特定 class 的元素，class 以「.」開頭。例如：
.highlight {
background-color: yellow;
}

•ID 選擇器：用於應用到具有特定 ID 的元素，ID 以「#」開頭。例如：
#main-header {
font-size: 24px;
}

•群組選擇器：允許對多個元素應用相同的樣式。例如：
h1, h2, p {
margin: 10px;
}

•後代選擇器：應用到某元素內的後代元素。例如：
div p {
color: red;
}

屬性則定義要更改的樣式，如顏色、字體大小、邊距等
值用來指定這些屬性的具體設定
--通過指定屬性來定義HTML的樣式，屬性後面接著屬性的值。

例如：
p{
color: green;
font-size: 16px;
margin: 10 px;
border: 1px solid black;
}

CSS 採用「層疊」的特性，當多個樣式規則應用到同一個元素時，瀏覽器會依據優先順序來決定最終顯示的樣式。此外，CSS 中的「盒模型」概念很重要，它描述了每個 HTML 元素的外觀是由內容、內距、邊框和外距組成的。